﻿<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
<jsp:include page="../common/common.jsp"></jsp:include>
<title>admin.index.title</title>
</head>
<body>
<div data-role="page" id="adminIndex" data-title="Home">
<script type="text/javascript" src="../../js/admin/adminIndex.js"></script>
  <div data-role="header" data-position="fixed">
    <h1>admin.index.title</h1>
    <a href="#" data-icon="add" id="add_table" class="ui-btn-right">admin.header.add_table</a>
    <a href="#" data-icon="add" id="add_foodtype" class="ui-btn-right">admin.header.add_foodtype</a>
    <a href="#" data-icon="add" id="add_user" class="ui-btn-right">admin.header.add_user</a>
    <div data-role="navbar">
      <ul>
      <li><a href="#" class="ui-btn-active ui-state-persist"
            data-name="tables">admin.title.tables</a></li>
          <li><a href="#" data-name="foodType">admin.title.foodtype</a></li>
          <li><a href="#" data-name="users">admin.title.users</a></li>
      </ul>
    </div>
  </div>
  <div data-role="content">
    <ul data-role="listview" data-inset="true" id="adminTablesInfo">
      <li data-role="list-divider">
        <h3>admin.index.table_title</h3>
      </li>
      <s:iterator value="tables" status="table">
      <li>
        <a href="#" data-tableid="<s:property value="id"/>" data-name="tableInfo">
          <img src="<s:property value="backup1"/>"/>
          <s:property value="name"/>
          <s:property value="status"/>
        </a>
      </li>
      </s:iterator>
    </ul>
    <ul data-role="listview" data-inset="true" id="adminFoodTypeInfo">
      <li data-role="list-divider">
        <h3>admin.index.food_type_title</h3>
      </li>
      <s:iterator value="foodTypeList" status="foodTypeList">
      <li>
        <a href="#" data-foodtypeid="<s:property value="id"/>" data-name="foodTypeInfo">
        <img src="<s:property value="backup1"/>"/>
        <s:property value="name"/>
        <s:property value="status"/>
        </a>
      </li>
      </s:iterator>
    </ul>
    <ul data-role="listview" data-inset="true" id="adminUserInfo">
      <li data-role="list-divider">
        <h3>admin.index.user_title</h3>
      </li>
      <s:iterator value="userList" status="userList">
      <li>
        <a href="#" data-userid="<s:property value="id"/>" data-name="userInfo">
        <img src="<s:property value="backup1"/>">
        <s:property value="name"/>
        <s:property value="status"/>
        </a>
      </li>
      </s:iterator>
    </ul>
  </div>
  <s:hidden name="fromPage"></s:hidden>
  <div data-role="footer" data-position="fixed">
    <h1></h1>
  </div>
</div>
</body>
</html>